<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="model.bean.BeanUsuario"%>
<%@page import="java.util.ArrayList"%>
<%@page import="model.dao.DaoUsuario"%>
<!DOCTYPE HTML>
<%
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-store");
    response.setHeader("Expires", "0");
    response.setDateHeader("Expires", -1);
    if (session.getAttribute("ID") == null) {
        response.sendRedirect(request.getContextPath());
    } else {
        BeanUsuario usuario = (BeanUsuario) session.getAttribute("usuario");
%>

<html>

<head>
  <title>Baticueva Virtual</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon.png">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style.css?1.1.0" />
  <!-- modernizr habilita contenido HTML5 -->
  <script type="text/javascript" src="<%=request.getContextPath()%>/js/modernizr-1.5.min.js?1.1.0"></script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
        <link href="<%=request.getContextPath()%>/css/bootstrap.min.css" rel="stylesheet">
        

<!-- verifica el tipo de archivo a subir -->
<!-- fin de verifica el tipo de archivo a subir -->
</head>

<body>
  <div id="main">
    <header>
      <img src="<%=request.getContextPath()%>/images/bat.gif" onmouseover="this.width=249;this.height=156;" onmouseout="this.width=225;this.height=141;" width="225" height="141" />
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
          <h1><a href="usuario_principal.jsp">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
          <h2>busca y descarga tus prácticas y exámenes</h2>
        </div>
      </div>
      <nav>
        <div id="menu_container">
          <ul class="sf-menu" id="nav">
            <li><a href="<%=request.getContextPath()%>/usuario_principal.jsp">Inicio</a></li>
            <li><a href="#">Quiénes Somos</a></li>
            <li><a href="#">Contáctanos</a></li>
          </ul>
        </div>
      </nav>
    </header>
    
    <div id="site_content">

      <!-- ingreso del sidebar de usuario simple   -->
      <div id="sidebar_container_usuario">


 <!-- ingreso del sidebar de mira tus archivos subidos   -->


<!-- ingreso del sidebar de sube mas   -->

      
    </div>
      

      <!-- ingreso de la tabla para la pagina principal -->
      <div id="content1">
           
          <form class="form-horizontal" id="formregistro" action="<%=request.getContextPath()%>/ServletUsuario?action=changenick&id=<%=usuario.getIdusuario()%>" method="post">
                        <legend> Configuración del Alias y foto</legend>
                        <div class="control-group">
                            <label class="control-label" for="nombre">Nombres: </label>
                            <div class="controls">
                                <input class="input" id="disabledInput" type="text" id="nombre" placeholder="<%=usuario.getNombre()%>" disabled>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="apellido">Apellidos: </label>
                            <div class="controls">
                                <input class="input" id="disabledInput" type="text" id="apellido" placeholder="<%=usuario.getApellido()%>" disabled>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="alias">Usuario: </label>
                            <div class="controls">
                                <input type="text" id="alias" name="alias" placeholder="<%=usuario.getAlias()%>" >
                                                             
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="correo">Correo: </label>
                            <div class="controls">
                                <input class="input" id="disabledInput" type="text" id="correo"  placeholder="<%=usuario.getCorreo()%>" disabled>
                            </div>
                        </div>

                        <div class="control-group">
                            <div class="controls">

                                <button type="submit" class="btn btn-primary">Guardar cambios</button>
                                &nbsp;&nbsp;<button type="submit" class="btn btn-danger">Cancelar</button>
                            </div>
                        </div>
                    </form>
                            <% if (request.getParameter("aviso") != null) {%>
                    <div  align="left" style="color:#F00;font-size: x-small"><%=request.getParameter("aviso")%> </div><%
                        }%> 
                            
                           </div>
                            
                            <div id="content1">         
                            <legend> Sube tu foto</legend>
                    <form class="form-horizontal" method="POST" enctype="multipart/form-data" action="<%= request.getContextPath()%>/ServletUploadfile">
                            <div class="control-group">
                             <div class="controls"> 
                                
                                    Por favor, seleccione el trayecto del fichero a cargar
                                <input type="file" name="foto"><br>
                                    <input type="submit" VALUE="  Subir foto  ">
                                   </div>
                                </div>
                            </form>
                            
          
      </div> 
                            
                            
                    <div id="content1">         
                            <legend> Configuración del cambio de contraseña</legend>
                    <form class="form-horizontal" id="formregistro" action="<%=request.getContextPath()%>/ServletUsuario?action=changepass&id=<%=usuario.getIdusuario()%>" method="post" >    
                        <div class="control-group">
                            <label class="control-label">Ingrese contraseña actual</label>
                            <div class="controls">
                                <input type="password" name="contrasena" >
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Nueva contraseña</label>
                            <div class="controls">
                                <input type="password" name="clave1" >
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Repita contraseña nueva</label>
                            <div class="controls">
                                <input type="password" name="clave2" >
                            </div>
                        </div>
                        <div class="controls">                                    
                            <button type="submit" class="btn btn-primary" name="cambiar">Cambiar Contraseña</button>
                            &nbsp;&nbsp;<a class="btn btn-danger" href="<%=request.getContextPath()%>/ServletUsuario?action=viewall">Cancelar</a>
                        </div>

                    </form>
                    <% if (request.getParameter("aviso") != null) {%>
                    <div  align="left" style="color:#F00;font-size: x-small"><%=request.getParameter("aviso")%> </div><%
                        }%>
          
      </div>  

 <!-- CAJA PARA LA BUSQUEDA AVANZADA  -->

 <!-- FIN CAJA PARA LA BUSQUEDA AVANZADA  -->

<!-- CUERPO DE busqueda de mas descargados mas votados-->

<!-- fin CUERPO DE busqueda de mas descargados mas votados-->

    </div>
    <footer>
      <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
    </footer>
  </div>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>
<% }%>